<!DOCTYPE html>
<html>
  <head>    
      <title>教程文档</title>
      <link rel="stylesheet" type="text/css" href="/css/tutorial.css" />
      <script src="/lib/js/jquery.js"></script>
      <script src="/lib/js/showdown.min.js"></script>
      <link href="/lib/css/monokai-sublime.min.css"  rel="stylesheet" />
      <script src="/lib/js/highlight.min.js"></script>
  </head>
  <body>

        <div class="navBox">
        <div class="navContent">
          <div class="navLogoBox">
            <img src="/image/logo.png" />
          </div>
          <div class="navLogoText"><b style="font-size:24px;text-shadow:0 0 2px #FFF">E</b>-D 集合开发框架（Easy Development）</div>
          <div class="navMenuBox">
            <a href="/index"><div class="navMenuItem ">首页</div></a>
            <a href="/product"><div class="navMenuItem ">产品</div></a>
            <a href="/solution"><div class="navMenuItem ">解决方案</div></a>
            <a href="/developerCenter"><div class="navMenuItem ">开发者中心</div></a>
            <a href="/case"><div class="navMenuItem ">案例</div></a>
            <a href="/community"><div class="navMenuItem ">社区</div></a>
            <a href="/about"><div class="navMenuItem ">关于我们</div></a>
            <div class="loginBox">
                <div class="loginItem" style="margin-left:10px;"><a href="#">登录</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">注册</a></div>
                <div class="loginItem" style="width:13%;margin-left:10px;"><i class="fa fa-user-circle fa-lg"></i></div>
            </div>
          </div>
        </div>
      </div>

      <script>
        
      </script>

        <div class="tutorialBox">
            <div class="tutorialMain">
                    <div class="globalTitleBox">
                            <div class="globalTitleIcon">
                                <img src="/image/element_3.png" />
                            </div>
                            <div class="globalTitle">基础环境安装</div>
                   </div>
            </div>
        </div>

        <div class="tutorialContentBox">
            <div class="tutorialContent" id="markdown">
               
            </div>
        </div>

        <div class="footerBox">
        <div class="footerMain">
          <div class="footerItem">关于我们</div>
          <div class="footerItem">产品下载</div>
          <div class="footerItem">技术支持</div>
          <div class="footerItem">商务合作</div>
          <div class="footerItem">加入我们</div>
          <div class="footerItem">社区讨论群</div>
        </div>
      </div>
  
      <div class="copyBox">Copyright © 2014-2018 ed.com 版权所有 © 2011-2018 粤ICP备12056275号-13 </div>
  </body>
  <script>
          
        $.get("/md/baseEnvironmentInstallation.md",function(res){

             var converter = new showdown.Converter();
             var htmlcontent  = converter.makeHtml(res);
             $("#markdown").html(htmlcontent);
             $('pre code').each(function(i, block) {
                 hljs.highlightBlock(block);
             });

        });
    
    </script>
</html>